import { Image } from "antd";
import Style from "../index.module.less";
const PrintCard = ({ data }) => {
	return (
		<div
			className={`${Style.card} ${Style.classifyText} flex`}
			style={{ flexDirection: "column", flex: 1, gap: "16px", lineHeight: "35px" }}
		>
			<div>分拣框：{data.box ? <span className={Style.green}>{data?.box}</span> : "暂无"}</div>
			<div style={{ lineHeight: "35px" }}>
				商品分拣数：<span className={Style.green}>{data?.sortingNum ?? 0}</span>/
				{(data?.noSortingNum || 0) + data?.sortingNum || 0}{" "}
				<span
					style={{
						color: "#666666"
					}}
				>
					（已分拣/总数）
				</span>
			</div>
			<div style={{ height: "calc(100% - 102px)" }}>
				{data?.order?.skuImage && <Image height={"100%"} style={{ borderRadius: "4px" }} src={data?.order?.skuImage} />}
			</div>
		</div>
	);
};
export default PrintCard;
